luci-mod-status: show DHCPv6 stats as tooltip

Changes DHCPv6 statistics display to tooltips in IPv6 Upstream network interface boxes.

Signed-off-by: Eamon Xiong <[email protected]>
(cherry picked from commit 006643dcb39c8903269d5f0a2d3d417ef945dda1)

diff --git a/modules/luci-mod-status/htdocs/luci-static/resources/view/status/include/30_network.js b/modules/luci-mod-status/htdocs/luci-static/resources/view/status/include/30_network.js
index 621cdab26dfb131ae30c5a960c0d35ba24045ee8..723b73d43d413a01fc031f3f236bd49aec2fce58 100644 (file)
--- a/modules/luci-mod-status/htdocs/luci-static/resources/view/status/include/30_network.js
+++ b/modules/luci-mod-status/htdocs/luci-static/resources/view/status/include/30_network.js
@@ -3,6 +3,7 @@
 'require fs';
 'require network';
 'require rpc';
+'require ui';
 
 
 /* returns per odhcp6c active interface JSON like:
@@ -43,7 +44,10 @@ function renderbox(ifc, ipv6, dhcpv6_stats) {
                        const arr = [];
                        for (const [pkt_type, count] of Object.entries(dhcpv6_stats[dev.device]))
                                arr.push(pkt_type.replace('dhcp_', _('DHCPv6') + ' '), `${count} ${_('pkts', 'packets, abbreviated')}`);
-                       return arr;
+                       return [_('DHCPv6 Statistics'), E('span', { 'class': 'cbi-tooltip-container'}, [
+                               '📊',
+                               E('span', { 'class': 'cbi-tooltip' }, ui.itemlist(E('span'), arr))
+                       ])];
                }
                return ['', null];
        }